<template>
    <h2>列表渲染</h2>


    <ul>
        <li v-for="item in arr">{{item}}</li>
    </ul>

    <ol v-for="item in stuInfo">
        <li>{{item.Sname}}</li>
        <li>{{item.Sage}}</li>
        <li>{{item.Sex}}</li>
    </ol>
</template>


<script setup lang="ts">
    //创数组
    const arr:number[]=[10,20,30,40,50];

    //初始化四个学生基本信息 学生基本信息包括（姓名、年龄、性别）

    const stuInfo=[
    {
        Sname:"张三",
        Sage:19,
        Sex:"男"
    },
    {
        Sname:"李四",
        Sage:19,
        Sex:"男"
    },
    {
        Sname:"王五",
        Sage:19,
        Sex:"男"
    },


    ]

</script>